<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <title>在线考试系统 - 管理端</title>
    <link rel="stylesheet" href="/plugins/layui/css/layui.css">
    <link rel="stylesheet" href="/css/public.css">
</head>
<body class="layui-layout-body" onload="loadPage()">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header"></div>
    <div class="layui-side layui-bg-black"></div>
    <div class="layui-body">
        <div class="body-container">学生管理</div>
        <div class="body-box">
            <table class="layui-hide" id="student" lay-filter="student"></table>
            <script type="text/html" id="student-toolbar">
                <button type="button" class="layui-btn layui-btn-radius layui-btn-primary" lay-event="add">
                    添加
                </button>
                <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" lay-event="del">
                    删除
                </button>
            </script>
            <script type="text/html" id="student-tool">
                <div class="layui-btn-group">
                    <button type="button" class="layui-btn layui-btn-sm" lay-event="edit">
                        <i class="layui-icon">&#xe642;</i>
                    </button>
                    <button type="button" class="layui-btn layui-btn-sm" lay-event="del">
                        <i class="layui-icon">&#xe640;</i>
                    </button>
                </div>
            </script>
            <div id="student-page"></div>
        </div>
    </div>
    <div class="layui-footer">
        @ 在线考试系统
    </div>
</div>

<div class="layout">
    <div class="layout-background background-hide layui-hide" onclick="hideLayout($('.layout'))"></div>
    <div class="layout-box box-hide">
        <form class="layui-form" action="javascript:void(0);">
            <div class="layout-header">
                <span class="layout-title">录入学生信息</span>
                <span class="layout-close" onclick="hideLayout($('.layout'))"></span>
            </div>
            <div class="layout-container">
                <div class="layui-form-item layui-hide">
                    <label class="layui-form-label">学生学生编号</label>
                    <div class="layui-input-block">
                        <input type="text" name="id" autocomplete="off" title=""
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">学生学号</label>
                    <div class="layui-input-block">
                        <input type="text" name="studentNo" autocomplete="off" title=""
                               class="layui-input" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">学生姓名</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" autocomplete="off"
                               class="layui-input" title="" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">年龄</label>
                    <div class="layui-input-block">
                        <input type="text" name="age" autocomplete="off"
                               class="layui-input" title="" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">手机号</label>
                    <div class="layui-input-block">
                        <input type="text" name="phone" placeholder="请输入11位手机号" autocomplete="off" title=""
                               class="layui-input" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">邮箱</label>
                    <div class="layui-input-block">
                        <input type="text" name="email" autocomplete="off" title=""
                               class="layui-input" lay-verify="required">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-block">
                        <select name="gender" title="" lay-verify="required">
                            <option value="0">男</option>
                            <option value="1">女</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layout-footer">
                <button class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="add">录入</button>
                <button class="layui-btn layui-btn-normal layui-btn-radius" onclick="hideLayout($('.layout'))">
                    取消
                </button>
            </div>
        </form>
    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="/plugins/layui/layui.js"></script>
<script src="/js/public.js"></script>
<script src="/js/admin/student.js"></script>
</body>
</html>